home *** CD-ROM | disk | FTP | other *** search
/ Mac Easy 2010 May / Mac Life Ubuntu.iso / casper / filesystem.squashfs / usr / share / gimp / 2.0 / help / en / gimp-tool-bucket-fill.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  19.9 KB  |  501 lines
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <title>3.3.¬† Bucket Fill</title>
  7.     <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
  8.     <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
  9.     <link rel="stylesheet" href="gimp-help-custom.css" type="text/css" />
  10.     <link rel="alternate stylesheet" href="gimp22.css" type="text/css" title="gimp22" />
  11.     <meta name="generator" content="DocBook XSL Stylesheets V1.73.2" />
  12.     <link rel="start" href="index.html" title="GNU Image Manipulation Program" />
  13.     <link rel="up" href="gimp-tools-paint.html" title="3.¬† Brush Tools" />
  14.     <link rel="prev" href="gimp-tool-painting.html" title="3.2.¬† Painting Tools (Pencil, Paintbrush, Airbrush)" />
  15.     <link rel="next" href="gimp-tool-blend.html" title="3.4.¬† Blend" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">3.3.¬†
  22.     <span lang="en" xml:lang="en">Bucket Fill</span>
  23.   </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="gimp-tool-painting.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">3.¬†
  28.     <span lang="en" xml:lang="en">Brush Tools</span>
  29.   </th>
  30.           <td width="20%" align="right">¬†<a accesskey="n" href="gimp-tool-blend.html"><img src="../images/next.png" alt="Next" /></a></td>
  31.         </tr>
  32.       </table>
  33.       <hr />
  34.     </div>
  35.     <div class="sect2" lang="en" xml:lang="en">
  36.       <div class="titlepage">
  37.         <div>
  38.           <div>
  39.             <h3 class="title"><a id="gimp-tool-bucket-fill"></a>3.3.¬†
  40.     <span lang="en" xml:lang="en">Bucket Fill</span>
  41.   </h3>
  42.           </div>
  43.           <div>
  44.             <div class="revhistory">
  45.               <table border="1" width="100%" summary="Revision history">
  46.                 <tr>
  47.                   <th align="left" valign="top" colspan="3">
  48.                     <b>Revision History</b>
  49.                   </th>
  50.                 </tr>
  51.                 <tr>
  52.                   <td align="left">Revision $Revision: 2422 $</td>
  53.                   <td align="left">2008-02-20</td>
  54.                   <td align="left">j.h</td>
  55.                 </tr>
  56.               </table>
  57.             </div>
  58.           </div>
  59.         </div>
  60.       </div>
  61.       <a id="id2629113" class="indexterm"></a>
  62.       <a id="id2629126" class="indexterm"></a>
  63.       <div class="figure">
  64.         <a id="id2629135"></a>
  65.         <p class="title">
  66.           <b>Figure¬†13.44.¬†
  67.       <span lang="en" xml:lang="en">Toolbox Fill</span>
  68.     </b>
  69.         </p>
  70.         <div class="figure-contents">
  71.           <div class="mediaobject">
  72.             <img src="../images/toolbox/toolbox-fill.png" alt="Toolbox Fill" />
  73.           </div>
  74.         </div>
  75.       </div>
  76.       <br class="figure-break" />
  77.       <p>
  78.     This tool fills a selection with the current foreground color. If you
  79.     Shift+click and use the Bucket tool, it will use the background color
  80.     instead. Depending on how the tool options are set, the Bucket Fill tool
  81.     will either fill the entire selection, or only parts whose colors are
  82.     similar to the point you click on. The tool options also affect the way
  83.     transparency is handled.
  84.   </p>
  85.       <p>
  86.     The amount of fill depends on what Fill Threshold you have specified. The
  87.     fill threshold determines how far the fill will spread (similar to the way
  88.     in which the magic wand works). The fill starts at the point where you
  89.     click and spreads outward until the color or alpha value becomes
  90.     ‚Äú<span class="quote">too different</span>‚Äù.
  91.   </p>
  92.       <p>
  93.     When you fill objects in a transparent layer (such as letters in a text
  94.     layer) with a different color than before, you may find that a border of
  95.     the old color still surrounds the objects. This is due to a low
  96.     fill-threshold in the Bucket Fill options dialog. With a low threshold,
  97.     the bucket tool won't fill semi-transparent pixels, and they will stand
  98.     out against the fill because they have kept their original color.
  99.   </p>
  100.       <p>
  101.     If you want to fill areas that are totally transparent, you have to make
  102.     sure that the ‚Äú<span class="quote">Lock</span>‚Äù option (in the Layers dialog) is
  103.     unchecked. If this option is checked, only the non-transparent parts of
  104.     the layer will be filled.
  105.   </p>
  106.       <div class="sect3" lang="en" xml:lang="en">
  107.         <div class="titlepage">
  108.           <div>
  109.             <div>
  110.               <h4 class="title"><a id="id2629216"></a>3.3.1.¬†
  111.       <span lang="en" xml:lang="en">Activate tool</span>
  112.     </h4>
  113.             </div>
  114.           </div>
  115.         </div>
  116.         <div class="itemizedlist">
  117.           <ul type="disc">
  118.             <li>
  119.               <p>
  120.           You can find the Bucket Fill tool from the image-menu through:
  121.           <span class="guimenuitem"><span class="accel">T</span>ools</span>/
  122.           <span class="guimenuitem"><span class="accel">P</span>aint
  123.             Tools</span>/<span class="guimenuitem"><span class="accel">B</span>ucket
  124.             Fill.</span>
  125.         </p>
  126.             </li>
  127.             <li>
  128.               <p>
  129.           You can also call it by clicking the tool icon:
  130.           <span class="guiicon">
  131.             <span class="inlinemediaobject"><img src="../images/toolbox/stock-tool-bucket-fill-22.png" /></span> in the Toolbox,
  132.           </span>
  133.         </p>
  134.             </li>
  135.             <li>
  136.               <p>
  137.           or by pressing the
  138.           <span class="keycap"><strong>Shift</strong></span>+<span class="keycap"><strong>B</strong></span> keys.
  139.         </p>
  140.             </li>
  141.           </ul>
  142.         </div>
  143.       </div>
  144.       <div class="sect3" lang="en" xml:lang="en">
  145.         <div class="titlepage">
  146.           <div>
  147.             <div>
  148.               <h4 class="title"><a id="id2629318"></a>3.3.2.¬†
  149.       <span lang="en" xml:lang="en">Key modifiers (Defaults)</span>
  150.     </h4>
  151.             </div>
  152.           </div>
  153.         </div>
  154.         <div class="itemizedlist">
  155.           <ul type="disc">
  156.             <li>
  157.               <p>
  158.           <span class="keycap"><strong>Ctrl</strong></span> toggles the use of BG Color Fill or FG
  159.           Color Fill on the fly.
  160.         </p>
  161.             </li>
  162.             <li>
  163.               <p>
  164.           <span class="keycap"><strong>Shift</strong></span> toggles the use of Fill Similar Color or
  165.           Fill Whole Selection on the fly.
  166.         </p>
  167.             </li>
  168.           </ul>
  169.         </div>
  170.       </div>
  171.       <div class="sect3" lang="en" xml:lang="en">
  172.         <div class="titlepage">
  173.           <div>
  174.             <div>
  175.               <h4 class="title"><a id="id2629366"></a>3.3.3.¬†
  176.       <span lang="en" xml:lang="en">Options</span>
  177.     </h4>
  178.             </div>
  179.           </div>
  180.         </div>
  181.         <div class="figure">
  182.           <a id="id2629377"></a>
  183.           <p class="title">
  184.             <b>Figure¬†13.45.¬†
  185.         <span lang="en" xml:lang="en">‚Äú<span class="quote">Bucket Fill</span>‚Äù tool options</span>
  186.       </b>
  187.           </p>
  188.           <div class="figure-contents">
  189.             <div class="mediaobject">
  190.               <img src="../images/toolbox/tool-options-fill.png" alt="Bucket Fill tool options" />
  191.             </div>
  192.           </div>
  193.         </div>
  194.         <br class="figure-break" />
  195.         <p>
  196.       The available tool options for the Fill Tool can be accessed by double
  197.       clicking the Fill Tool icon.
  198.       <span class="guiicon">
  199.         <span class="inlinemediaobject"><img src="../images/toolbox/stock-tool-bucket-fill-22.png" /></span>
  200.       </span>
  201.     </p>
  202.         <div class="variablelist">
  203.           <dl>
  204.             <dt>
  205.               <span class="term">Mode</span>
  206.             </dt>
  207.             <dd>
  208.               <p>
  209.             See <a class="link" href="gimp-tools-paint.html#gimp-tool-brush" title="3.1.¬† Common Features">Paint Tools</a>
  210.             for help with options that are common to all these tools. Only
  211.             options that are specific to the Bucket Fill tool are
  212.             explained here.
  213.           </p>
  214.             </dd>
  215.             <dt>
  216.               <span class="term">Fill Type</span>
  217.             </dt>
  218.             <dd>
  219.               <p>
  220.             <acronym class="acronym">GIMP</acronym> provides three fill types:
  221.           </p>
  222.               <div class="variablelist">
  223.                 <dl>
  224.                   <dt>
  225.                     <span class="term">FG Color Fill</span>
  226.                   </dt>
  227.                   <dd>
  228.                     <p>
  229.                   sets the fill color to the currently selected foreground
  230.                   color.
  231.                 </p>
  232.                   </dd>
  233.                   <dt>
  234.                     <span class="term">BG Color Fill</span>
  235.                   </dt>
  236.                   <dd>
  237.                     <p>
  238.                   sets the fill color to the currently selected background
  239.                   color.
  240.                 </p>
  241.                   </dd>
  242.                   <dt>
  243.                     <span class="term">Pattern Fill</span>
  244.                   </dt>
  245.                   <dd>
  246.                     <p>
  247.                   sets the fill color to the currently selected pattern. You
  248.                   can select the pattern to use in a drop down list.
  249.                 </p>
  250.                     <p>
  251.                   This drop-down list allows the user to select one of many
  252.                   fill patterns to use on the next fill operation. The manner
  253.                   in which the list is presented is controlled by the four
  254.                   buttons at the bottom of the selector.
  255.                 </p>
  256.                   </dd>
  257.                 </dl>
  258.               </div>
  259.             </dd>
  260.             <dt>
  261.               <span class="term">Affected Area</span>
  262.             </dt>
  263.             <dd>
  264.               <div class="variablelist">
  265.                 <dl>
  266.                   <dt>
  267.                     <span class="term">Fill whole selection</span>
  268.                   </dt>
  269.                   <dd>
  270.                     <p>
  271.                   This option makes GIMP fill a pre-existent selection or the
  272.                   whole image. A quicker approach to do the same thing could
  273.                   be to click and drag the foreground, background or pattern
  274.                   color, leaving it onto the selection.
  275.                 </p>
  276.                   </dd>
  277.                   <dt>
  278.                     <span class="term">Fill similar colors</span>
  279.                   </dt>
  280.                   <dd>
  281.                     <p>
  282.                   This is the default setting: the tool fills the area with a
  283.                   color near the pixel onto you have clicked. The color
  284.                   similarity is defined by a brightness threshold, that you
  285.                   can set by a value or by a cursor position.
  286.                 </p>
  287.                   </dd>
  288.                 </dl>
  289.               </div>
  290.             </dd>
  291.             <dt>
  292.               <span class="term">Finding Similar Colors</span>
  293.             </dt>
  294.             <dd>
  295.               <p>Under this section you can find two options:</p>
  296.               <div class="variablelist">
  297.                 <dl>
  298.                   <dt>
  299.                     <span class="term">Fill Transparent Areas</span>
  300.                   </dt>
  301.                   <dd>
  302.                     <a id="id2629651" class="indexterm"></a>
  303.                     <p>
  304.                   The option <span class="guilabel">Fill Transparent Areas</span>
  305.                   offers the possibility of filling areas with low opacity.
  306.                 </p>
  307.                   </dd>
  308.                   <dt>
  309.                     <span class="term">Sample Merged</span>
  310.                   </dt>
  311.                   <dd>
  312.                     <p>
  313.                   The option <span class="guilabel">Sample Merged</span>
  314.                   toggles the sampling from all layers. If Sample Merged is
  315.                   active, fills can be made on a lower layer, while the color
  316.                   information used for threshold checking is located further
  317.                   up. Simply select the lower level and ensure that a layer
  318.                   above is visible for color weighting.
  319.                 </p>
  320.                   </dd>
  321.                   <dt>
  322.                     <span class="term">Threshold</span>
  323.                   </dt>
  324.                   <dd>
  325.                     <p>
  326.                   The Threshold slider sets the level at which color weights
  327.                   are measured for fill boundaries. A higher setting will fill
  328.                   more of a multi colored image and conversely, a lower
  329.                   setting will fill less area.
  330.                 </p>
  331.                   </dd>
  332.                   <dt>
  333.                     <span class="term">Fill by</span>
  334.                   </dt>
  335.                   <dd>
  336.                     <p>
  337.                   With this option you can choose which component of the image
  338.                   GIMP shall use to calculate the similarity and to determine
  339.                   the borders of filling.
  340.                 </p>
  341.                     <p>
  342.                   The components you can choose from are
  343.                   <span class="guimenuitem">Composite</span>,
  344.                   <span class="guimenuitem">Red</span>,
  345.                   <span class="guimenuitem">Green</span>,
  346.                   <span class="guimenuitem">Blue</span>,
  347.                   <span class="guimenuitem">Hue</span>,
  348.                   <span class="guimenuitem">Saturation</span> and
  349.                   <span class="guimenuitem">Value</span>.
  350.                 </p>
  351.                     <p>
  352.                   This option is not easy to understand. You have chosen,
  353.                   for example, the Red channel. When you click on any pixel,
  354.                   the tool searches for contiguous pixels similar for
  355.                   <span class="emphasis"><em>the red channel</em></span> to the clicked pixel,
  356.                   according to the set threshold. Here is an example:
  357.                 </p>
  358.                     <p>
  359.                   Original image: three strips with gradients of pure
  360.                   colors. Red (255;0;0), Green (0;255;0), Blue
  361.                   (0;0;255). We are going to use the Bucket-fill tool
  362.                   with the magenta color and a Threshold set to 15.
  363.                 </p>
  364.                     <p>
  365.                   Image 1: Fill By = Composite. We successively clicked in the
  366.                   three color strips. Every strip is filled according
  367.                   to the threshold.
  368.                 </p>
  369.                     <p>
  370.                   Image 2: Fill By = Red. We clicked in the red strip. The
  371.                   tool searches for contiguous pixels which have a similar
  372.                   value in the red channel, according to the set
  373.                   threshold. Only a narrow area corresponds to these
  374.                   standards. In the green and the blue strip, the value
  375.                   of pixels in the red channel is 0, very much different from
  376.                   the red channel value of the clicked pixel: the color
  377.                   doesn't spread to them.
  378.                 </p>
  379.                     <p>
  380.                   Image 3: Fill By = Red. We clicked in the green strip.
  381.                   There, the value of the clicked pixel in the red channel is
  382.                   0. All pixels in the green and the blue strips have the
  383.                   same red channel value (0): they are all painted.
  384.                 </p>
  385.                     <div class="figure">
  386.                       <a id="id2629862"></a>
  387.                       <p class="title">
  388.                         <b>Figure¬†13.46.¬†
  389.                     <span lang="en" xml:lang="en">
  390.                       Example for ‚Äú<span class="quote">Fill By</span>‚Äù
  391.                     </span>
  392.                   </b>
  393.                       </p>
  394.                       <div class="figure-contents">
  395.                         <div class="mediaobject">
  396.                           <img src="../images/toolbox/fill-by-0.png" alt="Example for Fill By" />
  397.                           <div class="caption">
  398.                             <p>Original image</p>
  399.                           </div>
  400.                         </div>
  401.                         <div class="mediaobject">
  402.                           <img src="../images/toolbox/fill-by-1.png" alt="Example for Fill By" />
  403.                           <div class="caption">
  404.                             <p>Image 1</p>
  405.                           </div>
  406.                         </div>
  407.                         <div class="mediaobject">
  408.                           <img src="../images/toolbox/fill-by-2.png" alt="Example for Fill By" />
  409.                           <div class="caption">
  410.                             <p>Image 2</p>
  411.                           </div>
  412.                         </div>
  413.                         <div class="mediaobject">
  414.                           <img src="../images/toolbox/fill-by-3.png" alt="Example for Fill By" />
  415.                           <div class="caption">
  416.                             <p>Image 3</p>
  417.                           </div>
  418.                         </div>
  419.                       </div>
  420.                     </div>
  421.                     <br class="figure-break" />
  422.                   </dd>
  423.                 </dl>
  424.               </div>
  425.             </dd>
  426.           </dl>
  427.         </div>
  428.       </div>
  429.       <div class="sect3" lang="en" xml:lang="en">
  430.         <div class="titlepage">
  431.           <div>
  432.             <div>
  433.               <h4 class="title"><a id="id2629977"></a>3.3.4.¬†
  434.       <span lang="en" xml:lang="en">Fill a feathered selection</span>
  435.     </h4>
  436.             </div>
  437.           </div>
  438.         </div>
  439.         <p>
  440.       By clicking repeatedly in a selection with feathered edges, you
  441.       progressively fill the feathered border:
  442.     </p>
  443.         <div class="figure">
  444.           <a id="id2629997"></a>
  445.           <p class="title">
  446.             <b>Figure¬†13.47.¬†
  447.         <span lang="en" xml:lang="en">
  448.           Example for ‚Äú<span class="quote">Fill a feathered Selection</span>‚Äù
  449.         </span>
  450.       </b>
  451.           </p>
  452.           <div class="figure-contents">
  453.             <div class="mediaobject">
  454.               <img src="../images/toolbox/fill-feathered-1.png" alt="Example for Fill a feathered Selection" />
  455.               <div class="caption">
  456.                 <p>Original image</p>
  457.               </div>
  458.             </div>
  459.             <div class="mediaobject">
  460.               <img src="../images/toolbox/fill-feathered-2.png" alt="Example for Fill a feathered Selection" />
  461.               <div class="caption">
  462.                 <p>
  463.             After clicking 3 times more with the Bucket-Fill tool
  464.           </p>
  465.               </div>
  466.             </div>
  467.           </div>
  468.         </div>
  469.         <br class="figure-break" />
  470.       </div>
  471.     </div>
  472.     <div class="navfooter">
  473.       <hr />
  474.       <table width="100%" summary="Navigation footer">
  475.         <tr>
  476.           <td width="40%" align="left"><a accesskey="p" href="gimp-tool-painting.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  477.           <td width="20%" align="center">
  478.             <a accesskey="u" href="gimp-tools-paint.html">
  479.               <img src="../images/up.png" alt="Up" />
  480.             </a>
  481.           </td>
  482.           <td width="40%" align="right">¬†<a accesskey="n" href="gimp-tool-blend.html"><img src="../images/next.png" alt="Next" /></a></td>
  483.         </tr>
  484.         <tr>
  485.           <td width="40%" align="left" valign="top"><a accesskey="p" href="gimp-tool-painting.html">3.2.¬†
  486.     <span lang="en" xml:lang="en">Painting Tools (Pencil, Paintbrush, Airbrush)</span>
  487.   </a>¬†</td>
  488.           <td width="20%" align="center">
  489.             <a accesskey="h" href="index.html">
  490.               <img src="../images/home.png" alt="Home" />
  491.             </a>
  492.           </td>
  493.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="gimp-tool-blend.html">3.4.¬†
  494.     <span lang="en" xml:lang="en">Blend</span>
  495.   </a></td>
  496.         </tr>
  497.       </table>
  498.     </div>
  499.   </body>
  500. </html>
  501.